<template>
  <div class="myYouhuiquan">
    <van-nav-bar title="我的优惠券" left-arrow @click-left="$router.back()" />
    <van-tabs v-model:active="tabactive">
      <van-tab
        v-for="(item, index) in tabData"
        :title="item.name"
        :key="index"
      ></van-tab>
    </van-tabs>
  </div>
</template>
<script>
import { toRefs, reactive, onMounted } from 'vue'
export default {
  setup(props) {
    const data = reactive({
      tabData: [
        { name: '全部', states: '3' },
        { name: '未使用', states: '0' },
        { name: '已使用', states: '1' },
        { name: '已过期', states: '2' }
      ],
      tabactive: 0
    })

    return {
      ...toRefs(data)
    }
  }
}
</script>
<style lang="scss" scoped>
.home {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}
</style>
